0<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
     <%@ taglib uri="http://java.sun.com/jsp/jstl/core"  prefix="c"%> 
<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>本车定损</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">演示</a>
        <a>
          <cite>导航元素</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so">
          <div class="layui-input-inline">
            <select name="lossType" id="lossType">
              <option value="0">全部</option>
              <option value="1">车牌号</option>
              <option value="2">案件号</option>
              
            </select>
          </div>
          <input type="hidden" class="pageNo" name="pageNo" />
          <input type="text" name="lossName" id="lossName"  placeholder="请输入查询内容" autocomplete="off" class="layui-input">
          <button type="button" class="layui-btn" id="selectLoss"><i class="layui-icon">&#xe615;</i></button>
        </form>
      </div>
 
      <table class="layui-table">
        <thead>
          <tr>
            <th style="width:20%;">车主身份证</th>
            <th style="width:10%;">车牌号码</th>
           
            <th style="width:25%;">定损意见</th>
			<th style="width:15%;">状态</th>
            <th style="width:20%;">操作</th>
            
            
            
            
            </tr>
        </thead>
        <tbody>
          <!--<tr>
            <td>2017009171822298053</td>
            <td>老王</td>
          
            <td>可以在线定损</td>
            <td class="td-status">
              <span class="layui-btn layui-btn-normal layui-btn-mini">未提交</span></td>
            <td>
				<button class="layui-btn layui-btn layui-btn-xs"  onclick="x_admin_show('编辑','update_ownLoss.html?id=1')" ><i class="layui-icon">&#xe642;</i>编辑</button>
				
			</td>
          </tr>-->
        </tbody>
      </table>
      <div class="page">
        <div>
          <a class="num1">首页</a>
          <a class="num2">上一页</a>
          <a class="num3">下一页</a>
          <a class="num4">尾页</a>
        </div>
      </div>

    </div>
    
    <script type="text/javascript" src="js/jquery-1.12.4.js"></script>
    <script type="text/javascript">
	    $(document).ready(function() {
	    	
	    	init(1,0,null);
	    	
			$("#selectLoss").click(function(){
				
				var lossType = $("#lossType").val(); 
				var lossName = $("#lossName").val();
				
				init(1,lossType,lossName);
			});
	    });
	    
	    function init(pageNo,lossType,lossName) {
			
	    	$.ajax({
	    		"url":"doLossShow.do",
	    		"data":{"pageNo":pageNo,"lossType":lossType,"lossName":lossName},
	    		"dataType":"json",
	    		"success":function(page){
	    			alert("111");
	    			if(pageNo < 1){
						pageNo = 1;
					}else if(pageNo > page.pages){
						pageNo = page.pages;
					}
	    			
	    			$("tbody tr").remove();
	    			
	    			$.each(page.list, function(index,lossinfo){
	    			      var $tr = $("<tr><td>"+this.policy.identity+"</td><td>"+this.carinsuranceid.vin+"</td><td>可以在线定损</td><td class='td-status'><span class='layui-btn layui-btn-normal layui-btn-mini'>"+this.caseone.statusid+"</span></td>"
			    					+"<td><button class='layui-btn layui-btn layui-btn-xs'  onclick=\"x_admin_show('定损','update_ownLoss.html?id="+this.lossid+"')\" ><i class='layui-icon'>&#xe642;</i>定损</button>"
			    			        +"</tr>"
			    					);
						$("tbody").append($tr);
	    			});
	    			
		    		$("#rows").html("共有数据："+page.total+"条");
		    		$(".pageNo").val(page.pageNum);
		    		
		    		//防止下面的页数跳转时第三个位置什么都没有，像是空字符，导致ajax不能与后台异步交互
		    		if(lossName == ""){
		    			lossName = null;
		    		}
		    		
		    		$(".num1").attr("href","javascript:init(1,"+lossType+","+lossName+")");
					$(".num2").attr("href","javascript:init("+(pageNo-1)+","+lossType+","+lossName+")");
					$(".num3").attr("href","javascript:init("+(pageNo+1)+","+lossType+","+lossName+")");
					$(".num4").attr("href","javascript:init("+page.pages+","+lossType+","+lossName+")");
		    		
					
					//前端真他妈的坑啊！！！玩不起
			    	var x = document.getElementsByClassName("layui-btn-normal");
			    	
			    	for (var i = 0; i < x.length; i++) {
						if(x[i].innerHTML == 6){
							x[i].innerHTML = "上传审核成功";
							x[i].style.backgroundColor = '#1E9FFF';
						}
						if(x[i].innerHTML == 7){
							x[i].innerHTML = "已定损，未确认";
							x[i].style.backgroundColor = '#3BCB48';
						}
						if(x[i].innerHTML == 8){
							x[i].innerHTML = "已确认";
							x[i].style.backgroundColor = '#FFE801';
						}
						if(x[i].innerHTML == 9){
							x[i].innerHTML = "理赔中";
							x[i].style.backgroundColor = '#D1C6C6';
						}
					}
			    	
			    	
			    	
			    	
	    		}
	    		
	    	});
	    	
		}
	    

    </script>
    
    
    
    
    <script>
      layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });
	
    </script>
    <script>var _hmt = _hmt || []; (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();</script>
  </body>

</html>
